<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
    <head>
        <title>Compra</title>
 <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
       <link rel="stylesheet" href="javascript/jquery-ui-1.11.2.custom/jquery-ui.css" type="text/css"/>
        <link rel="stylesheet" href="estilos/estilo.css" type="text/css"/>
        <script type="text/javascript" src="javascript/jquery-2.1.1.js" ></script>
        <script type="text/javascript" src="javascript/jquery-ui-1.11.2.custom/jquery-ui.js" ></script>
        <script type="text/javascript" src="javascript/Mask/jquery.mask.js" ></script>
        <script type="text/javascript" src="javascript/scripts.js" ></script>
        <script type="text/javascript" src="javascript/validacoes.js" ></script>
       
    </head>
     
    <body>
         <!--Formulário para cadastro do Produtor -->
<form class = "form" name="form" action="Script_do_Formulario.php" method="post">

            <h1>Cadastro de Venda</h1> 
            <h2>Cliente</h2> 
        <label> <span>Nome do Cliente</span> <br />
            <input type="text" class="input" name="nome" id="name_cliente"/> 
            <input type="text"  name="hide" id="idhide"/>
        </label> 
            <br />
         
        
                   
            <div id="aqui"></div>
            
            <label> <span>CPF/CNPJ</span>
         <br />
            <input type="text"  class="input" name="cpf" id="cpf"/> 
        </label> 
            <br />
           
      <br />
            
        <h1>Itens de Venda</h1>
    
     <div id="produtor_produz"> 
  <h1>Produtos em Estoque </h1>
  <select name="selectProduto[]" class="input" >
  
</select>
 </div>
        <label> <span>Unidade de Medida</span>
      <select name="unidade" >
          <option value="Kg">Quilo</option>

            <option value="uni">Unidade</option>

             <option value="asd">a ser definido</option>           

    </select>
     </label> 
        
        <label> <span>Quantidade</span>
         <input type="number"  class="input" name="quantidade" id="qua"/> 
        </label> 
        <br>
         <label> <span>Valor</span>
         <input type="text"  class="input" name="valor" id="val"/> 
        </label> 
        
         <label> <span>Total</span>
             <input id="tot" type="text"  class="input" name="tatal_parcial" 
                    readonly="readonly"/> 
        </label> 
        
        <input type="button" name="adicionar" value= "Adicionar Item" id ="bot_add"
               onclick="adicionar_linha_tabela_compra()">
        
        <input type="button" name="adicionar" value= "Finalizar Compra" id ="bot_com"
               onclick="envia_venda_servidor()">   
        <input type="button" name="adicionar" value= "Apagar Último Item" id ="bot_del"
               > 
        
</form>
        
<table align="center" width="80%" style="position:relative; top: 2em;" id="tabela">
  <caption>Detalhes da Compra</caption>
    <tr>
      <th>ID Produto</th>  
      <th>Produto</th>
      <th>Preço R$</th>
      <th>Quantidade</th>
      <th>Total R$</th>
    </tr>
   
</table>
         
         
    </body>

</html>